<h1><g:message code="soccerMatch.upcoming" default="Upcoming SoccerMatch List"/></h1>
<g:if test="${flash.message}">
  <div class="message"><g:message code="${flash.message}" args="${flash.args}" default="${flash.defaultMessage}"/></div>
</g:if>
<div class="list">
  <table>
    <thead>
      <tr>

        %{--<g:sortableColumn property="id" title="Id" titleKey="soccerMatch.id" />--}%

        <g:sortableColumn property="matchDate" title="${message(code:'soccerMatch.date', 'default':'Match Date')}" titleKey="soccerMatch.matchDate"/>

        <g:sortableColumn property="name" title="${message(code:'soccerMatch.name', 'default':'Name')}" titleKey="soccerMatch.name"/>

        <th><g:message code="soccerMatch.homeTeam" default="Home Team"/></th>

        <th><g:message code="soccerMatch.awayTeam" default="Away Team"/></th>

      </tr>
    </thead>
    <tbody>
      <g:each in="${soccerMatchInstanceList}" status="i" var="soccerMatchInstance">
        <tr class="${(i % 2) == 0 ? 'odd' : 'even'}">

          %{--<td><g:link action="show" id="${soccerMatchInstance.id}">${fieldValue(bean: soccerMatchInstance, field: "id")}</g:link></td>--}%

          <td><g:formatDate date="${soccerMatchInstance.matchDate}"/></td>

          <td>${fieldValue(bean: soccerMatchInstance, field: "name")}</td>

          <td>${fieldValue(bean: soccerMatchInstance, field: "homeTeam")}</td>

          <td>${fieldValue(bean: soccerMatchInstance, field: "awayTeam")}</td>

        </tr>
      </g:each>
    </tbody>
  </table>
</div>